{% extends "_layouts/examples.html" %}
{% block title %}Equal height row / Four items per column and full-screen divider{% endblock %}

{% block standalone_css %}patterns_equal-height-row{% endblock %}

{% block content %}
<div class="p-equal-height-row has-divider-3">
  <div class="p-equal-height-row__col">
    <div class="p-equal-height-row__item">
      <div class="p-image-container--3-2-on-small p-image-container--square-on-medium p-image-container--2-3-on-large is-highlighted">
        <img class="p-image-container__image"
            src="https://assets.ubuntu.com/v1/c4176cd9-Kernelt%20industries-80%201.jpg"
            alt=""
            width="250">
      </div>
    </div>

    <div class="p-equal-height-row__item">
      <hr class="p-rule--highlight u-hide--medium u-hide--small">

      <h5 class="p-heading--5">
        Continuous security
      </h5>
    </div>

    <p class="p-equal-height-row__item">
      Imagine a world where every device is trustworthy. We designed every
      aspect of Ubuntu Core to create the most secure embedded Linux ever, with
      a 10 year LTS commitment.
    </p>

    <div class="p-equal-height-row__item">
      <a href="#">
        <p>
          Learn more about Ubuntu security&nbsp;&rsaquo;
        </p>
      </a>
    </div>
  </div>

  <div class="p-equal-height-row__col">
    <div class="p-equal-height-row__item">
      <div class="p-image-container--3-2-on-small p-image-container--square-on-medium p-image-container--2-3-on-large is-highlighted">
        <img class="p-image-container__image"
            src="https://assets.ubuntu.com/v1/1624c652-Kernelt%20industries-80%201-1.jpg"
            alt=""
            width="250">
      </div>
    </div>

    <div class="p-equal-height-row__item">
      <hr class="p-rule--highlight u-hide--medium u-hide--small">

      <h5 class="p-heading--5">
        Fleet management
      </h5>
    </div>

    <p class="p-equal-height-row__item">
      Enjoy reliable, remotely accessible and recoverable devices which are
      always up-to-date with mission-critical OTA updates. In connected or
      air-gap environments.
    </p>

    <div class="p-equal-height-row__item">
      <a href="#">
        <p>
          Learn more about fleet management&nbsp;&rsaquo;
        </p>
      </a>
    </div>
  </div>

  <div class="p-equal-height-row__col">
    <div class="p-equal-height-row__item">
      <div class="p-image-container--3-2-on-small p-image-container--square-on-medium p-image-container--2-3-on-large is-highlighted">
        <img class="p-image-container__image"
            src="https://assets.ubuntu.com/v1/eb9824bf-Kernelt%20industries-80%201-2.jpg"
            alt=""
            width="250">
      </div>
    </div>

    <div class="p-equal-height-row__item">
      <hr class="p-rule--highlight u-hide--medium u-hide--small">

      <h5 class="p-heading--5">
        Agile containerisation
      </h5>
    </div>

    <p class="p-equal-height-row__item">
      Ubuntu Core is immutable and strictly confined. There is a clean
      separation between the kernel, OS image and applications, each updated
      independently and protected against corruption.
    </p>

    <div class="p-equal-height-row__item">
      <a href="#">
        <p>
          Learn more about confinement&nbsp;&rsaquo;
        </p>
      </a>
    </div>
  </div>

  <div class="p-equal-height-row__col">
    <div class="p-equal-height-row__item">
      <div class="p-image-container--3-2-on-small p-image-container--square-on-medium p-image-container--2-3-on-large is-highlighted">
        <img class="p-image-container__image"
            src="https://assets.ubuntu.com/v1/000a7695-Kernelt%20industries-80%201-3.jpg"
            alt=""
            width="250">
      </div>
    </div>

    <div class="p-equal-height-row__item">
      <hr class="p-rule--highlight u-hide--medium u-hide--small">

      <h5 class="p-heading--5">
        A strong hardware ecosystem
      </h5>
    </div>

    <p class="p-equal-height-row__item">
      We enable Ubuntu Core with the best ODMs and silicon vendors in the world.
      We continuously test it on leading IoT and edge devices and hardware.
    </p>

    <div class="p-equal-height-row__item">
      <a href="#">
        <p>
          Browse all certified hardware&nbsp;&rsaquo;
        </p>
      </a>
    </div>
  </div>
</div>
{% endblock %}
